<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Italian Weddings</title>
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/lightbox.js"></script>
        <link rel="stylesheet" href="css/lightbox.css"  type="text/css" />
        <style type="text/css">
            body {
                /*width:810px;*/
                padding:0px;
                margin:0px;


                /*overflow:hidden;*/
                font-family:Arial, Helvetica, sans-serif;
            }
            .headers {
                border: 0px solid #000000;
                color: #FFFFFF;
                float: left;
                font-size: 23px;
                font-weight: 600;
                height: 37px;
                margin: 12px 30px 0;
                padding-top: 3px;
                text-align: center;
                text-shadow: 2px 2px #000000;
                width: 137px; 	
                cursor:pointer;

            }
            .headers:hover{
                background-color:#FFFFFF;
                color:#b41b20;
                text-shadow:none;

            }		
            .pages:hover{
                background-color:#FFFFFF;
                color:#b41b20;


            }		



            .photos{
                float: left;
                background-image:url(images/frame.png);
                width:170px;
                height:209px;
                margin: 10px 10px 0;
                text-align:center;
                background-repeat:no-repeat;


            }
            .images{
                margin-top:20px;
            }	
            .voteimages{
                margin-top:20px;
            }
            .pages{

                text-align:center;
                color:#FFFFFF;
                font-weight:600;
                font-size:14px; 
                font-family:Arial, Helvetica, sans-serif;
                background-repeat:no-repeat;  
                cursor:pointer;
                float:left;background-image:url(images/pagebg.png);width:21px;height:22px;margin:10px 0 0 5px;
            }		 


        </style>

        <link media="screen" rel="stylesheet" href="colorbox.css" />
        <script>
            $('.voteimages').live("mouseover",function(){
                $('.voteimages',this).attr("src","images/onhovervote.png");
            } )
        </script>

        <script src="js/jquery.colorbox.js"></script>

        <script>
            $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements
			
                $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});				                
                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){ 
                    $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                    return false;
                });
            });
        </script>
        <body>
            <div id="fb-root"></div>
            <div style="clear:both;width:810px;height:100%;margin:0 auto;">
                <div style="float:left;clear:both;width:810px;height:131px;background-image:url(images/italianwedding_01.jpg);">
                    <div style="float:left;clear:both;width:100%">
                        <div class="headers">Vote</div>
                        <div class="headers">Sign Up</div>
                        <div class="headers">About</div>
                        <div class="headers">Home</div>

                    </div>
                </div>
                <div style="float:left;clear:both;width:810px;height:171px;background-image:url(images/italianwedding_02.jpg);"></div>
                <div style="float:left;clear:both;width:810px;min-height:665px;background-color:#e7e7e7;">
                    <div style="float:left;clear:both;width:100%;	padding-left:20px;">
                        <div class="photos" >
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="marjjkkat"> <img src="images/Images/andersen bryllup 056.jpg" width="129" height="110" style="border:3px solid #FFFFFF;"  class="images"></a> <a href="#"> <img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding">  <img src="images/Images/Anne_Lise_Oyvind_89_.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"> <img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/boat-service-lake-Orta (1).jpg&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/boat-service-lake-Orta (1).jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"><img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/IMG_8618.JPG&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/IMG_8618.JPG" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"><img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos" >
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/andersen bryllup 056.jpg" width="129" height="110" style="border:3px solid #FFFFFF;"  class="images"></a>               <a href="#">  <img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/w9_b.jpg&name=AndersenBryllup-056" title="italianwedding"><img src="images/Images/w9_b.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"> <img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/w11_b.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"><img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/get-married-on-lake-Iseo-Lombardy.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"><img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos" >
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/romabryllup.jpg" width="129" height="110" style="border:3px solid #FFFFFF;"  class="images"></a>                <a href="#"> <img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"> <img src="images/Images/Anne_Lise_Oyvind_89_.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"><img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"><img src="images/Images/anne_marie_og_rune_4.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#"><img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                        <div class="photos">
                            <a class='iframe' href="gallery.php?src=images/Images/andersen bryllup 056.jpg&name=AndersenBryllup-056" title="italianwedding"><img src="images/Images/get-married-on-lake-Iseo-Lombardy.jpg" width="129" height="110" style="border:3px solid #FFFFFF;" class="images"></a>
                            <a href="#">  <img src="images/vote.png" width="112" height="37" class="voteimages"></a>
                        </div>
                    </div>



                </div>
                <div style="float:left;clear:both;width:810px;min-height:46px;background-color:#b41b20;">

                    <div style="float:left;clear:both;margin:5px 0  0 693px" >
                        <div class="pages">1</div>
                        <div class="pages">2</div>
                        <div class="pages">3</div>
                    </div>



                </div>




            </div>






        </body>

</html>
